<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>格兰菲迪 跨越前行</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/index.css?version='1.0.0'"/>
    <script>
        (function(){
            window.html = document.documentElement;
            window.hWidth = html.getBoundingClientRect().width;
            html.style.fontSize = hWidth/16 + "px";     
        })() 
    </script>
    <link rel="stylesheet" href="css/reset.css">
</head>
<body>
<!-- loading -->
<div id="loading">
  <p id="lodingnum">0%</p>
</div>
<div class="bigbox" style="overflow:hidden;">
    <!--首页-->
    <div class="start page">
        <img src="images/logo.png" alt="" class="logo">
        <div class="roll-text">
            <img src="images/txt_1.png" alt="" class="txt txt1">
            <img src="images/txt_2.png" alt="" class="txt txt2">
            <img src="images/txt_3.png" alt="" class="txt txt3">
        </div>
        <img src="images/icon_1_1.png" class="icon_1_1">
        <img src="images/icon_1_5.png" class="icon_1_5">
        <img src="images/icon_1_3.png" class="icon_1_3">
        <img src="images/icon_1_2.png" class="icon_1_2">
        <img src="images/icon_1_4.png" class="icon_1_4">
        <p class="bottom-text">匠心打造 理性饮酒</p>
    </div>

    <!--引导关注-->
    <div class="page1 page">
        <img src="images/logo.png" alt="" class="logo">
        <img src="images/pic_2_1.png" alt="" class="pic_2_1">
        <img src="images/pic_2_2.png" alt="" class="pic_2_2">
        <img src="images/pic_2_3.png" alt="" class="pic_2_3">
    </div>

    <!--游戏页面-->
    <div class="page2 page">
        <img src="images/logo.png" alt="" class="logo">
        <p class="cout-down-txt"></p>
        <img src="images/pic_3_1.png" alt="" class="pic_3_1 bg_pic">
        <img src="images/pic_3_9.png" alt="" class="bg_pic">
        <img src="images/pic_3_2.png" alt="" class="pic_3_2 bg_pic">
        <img src="images/pic_3_10.png" alt="" class="pic_3_10 bg_pic">
        <img src="images/pic_3_3.png" alt="" class="pic_3_3 bg_pic">
        <img src="images/pic_3_4.gif" alt="" class="pic_3_4">
        <img src="images/pic_3_6.png" alt="" class="pic_3_6">
        <img src="images/icon_1_1.png" alt="" class="pic_3_7">
        <img src="images/pic_3_8.png" alt="" class="pic_3_8">
        <img src="images/pic_3_7.png" alt="" class="pic_3_9">
        <p class="bottom-text">匠心打造 理性饮酒</p>
    </div>

    <!--抽奖页面-->
    <div class="page3 page">
        <img src="images/logo.png" alt="" class="logo">
        <img src="images/bg3.png" alt="" class="box-bg">
        <img src="images/pic_4_1.png" alt="" class="result result1">
        <img src="images/pic_4_2.png" alt="" class="result result2">
        <img src="images/pic_4_3.png" alt="" class="result result3">
        <img src="images/pic_4_4.png" alt="" class="result result4">
        <p class="bottom-text">匠心打造 理性饮酒</p>
    </div>

    <!--反馈页面-->
    <div class="page_end page">
        <img src="images/logo.png" alt="" class="logo"> 
        <img src="images/pic_5_5.png" alt="" class="icon_top">
        <img src="images/pic_2_3.png" alt="" class="pic_2_3">       
        <img src="images/pic_5_1.png" alt="" class="ending ending1">
        <img src="images/pic_5_2.png" alt="" class="ending ending2">
        <img src="images/pic_5_3.png" alt="" class="ending ending3">
        <img src="images/pic_5_4.png" alt="" class="ending ending4">
        <p class="bottom-text">匠心打造 理性饮酒</p>
    </div>

</div>

<script src="public/js/jquery-1.6.1.js"></script>
<script src="public/js/jquery.imgpreload.min.js"></script>
<script src="js/index.js?version='1.0.0'"></script>
</body>
</html>